<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8"%>
<%@ include file="/commons/taglibs.jsp"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="renderer" content="webkit">
<meta http-equiv="Cache-Control" content="no-siteapp" />
<title>个人信息</title>
<%@ include file="/commons/static.jsp"%>
<link rel="stylesheet" type="text/css"
	href="${ctx}/dep/moban/css/cropper.min.css" />
<link rel="stylesheet" type="text/css"
	href="${ctx}/dep/crop-avatar/css/main.css" />

</head>
<body>
	<div class="wrapper">
		<div class="page-breadcrumbs">
			<ul class="breadcrumb">
				<li><i class="fa fa-home"></i> <a href="index.html">首页</a></li>
				<li class="active"><a href="#">个人信息</a></li>
			</ul>
		</div>
		<div class="page-header position-relative">
			<div class="header-title">
				<h1>个人信息</h1>
			</div>
			<!--Header Buttons-->
			<div class="header-buttons">
				<a class="sidebar-toggler" href="#"> <i class="fa fa-arrows-h"></i>
				</a> <a class="refresh" id="refresh-toggler" href=""> <i
					class="glyphicon glyphicon-refresh"></i>
				</a> <a class="fullscreen" id="fullscreen-toggler" href="#"> <i
					class="glyphicon glyphicon-fullscreen"></i>
				</a>
			</div>
			<!--头部按钮end-->
		</div>
		<div class="page-body">
			<div class="row">
				<div class="col-xs-12 col-md-12">
					<div class="widget">
						<div class="widget-body" style="overflow: hidden">
							<div class="col-lg-12 col-sm-12 col-xs-12">
							<form class="form-horizontal form-bordered" id="registrationForm" onsubmit="return submitform()">
							
								<input style="display: none" value="${ext.id }" name="id"/>
							
								<div class="widget">
									<div class=" bancgud">
											<div class="row">
												<div class="col-lg-8 col-sm-8 col-xs-8">
													<div class="widget">
														<div class="col-sm-6">
															<div class="form-group hypading">
																<label class="col-sm-3 control-label no-padding-right">归属公司</label>
																<div class="col-sm-9">
																	<input type="text" class="form-control" name="name"
																		value="${ext.companyName }" disabled="disabled">
																</div>
															</div>
														</div>
														<div class="col-sm-6">
															<div class="form-group hypading">
																<label class="col-sm-3 control-label no-padding-right">归属部门</label>
																<div class="col-sm-9">
																	<input type="text" class="form-control" name="name"
																		value="${ext.officeName }" disabled="disabled">
																</div>
															</div>
														</div>
														<div class="col-sm-6">
															<div class="form-group hypading">
																<label class="col-sm-3 control-label no-padding-right">姓名</label>
																<div class="col-sm-9">
																	<input type="text" class="form-control" name="name" disabled="disabled"
																		value="${ext.name }">
																</div>
															</div>
														</div>
														<div class="col-sm-6">
															<div class="form-group hypading">
																<label class="col-sm-3 control-label no-padding-right">邮箱</label>
																<label class="col-sm-9"> <input
																	class="form-control" type="text" name="email" disabled="disabled"
																	value="${ext.email }">
																</label>
															</div>
														</div>
														<div class="col-sm-6">
															<div class="form-group hypading">
																<label class="col-sm-3 control-label no-padding-right">电话</label>
																<div class="col-sm-9">
																	<input type="text" class="form-control" name="phone" disabled="disabled"
																		value="${ext.phone}">
																</div>
															</div>
														</div>
														<div class="col-sm-6">
															<div class="form-group hypading">
																<label class="col-sm-3 control-label no-padding-right">手机</label>
																<div class="col-sm-9">
																	<input type="text" class="form-control" name="mobile" disabled="disabled"
																		value="${ext.mobile }">
																</div>
															</div>
														</div>
														<div class="col-sm-6">
															<div class="form-group hypading">
																<label class="col-sm-3 control-label no-padding-right">用户类型</label>
																<div class="col-sm-9">
																	<input type="text" class="form-control" name="userType"
																		value="${ext.userType==1?'系统管理':ext.userType==2?'部门经理':'普通用户' }"
																		disabled="disabled">
																</div>
															</div>
														</div>
														<div class="col-sm-6">
															<div class="form-group hypading">
																<label class="col-sm-3 control-label no-padding-right">用户角色</label>
																<div class="col-sm-9">
																	<input type="text" class="form-control"
																		value="${ext.roleName }" disabled="disabled">
																</div>
															</div>
														</div>
														<div class="col-sm-6">
															<div class="form-group hypading">
																<label class="col-sm-3 control-label no-padding-right">上次登录</label>
																<div class="col-sm-9">
																	<textarea class="dc_text" disabled="disabled"><fmt:formatDate
																			value="${ext.loginDate }"
																			pattern="yyyy-MM-dd HH:mm:ss" />
                                                                </textarea>
																</div>
															</div>
														</div>
														<div class="col-sm-6">
															<div class="form-group hypading">
																<label class="col-sm-3 control-label no-padding-right">备注</label>
																<div class="col-sm-9">
																	<textarea class="dc_text" disabled="disabled">${ext.remarks }</textarea>
																</div>
															</div>
														</div>
														
														<input name="photo" id="photo" style="display: none"/>
														
													</div>
												</div>
											</div>
									</div>
								</div>
								<div
									class="col-sm-8 col-lg-offset-3 col-xs-offset-1 col-md-offset-2 btn-bottm ">
									<input type="submit" class=" btn btn-darkorange  col-sm-2 col-xs-offset-3" value="确认"/>
									<button class=" btn btn-active col-sm-2 col-xs-offset-3" type="button" onClick="history.go(-1)">取消</button>
								</div>
								
								</form>
								
								
								<div style="position: absolute;right: 200px;top: 0px">

											<div class="" id="crop-avatar">
												<!-- Current avatar -->
												<div class="avatar-view">
													<img src=<c:if test="${ext.photo != null && ext.photo != '' }">"${tracker_server }${ext.photo }"</c:if><c:if test="${ext.photo == null || ext.photo == '' }">"${ctx}/home/common/img/avatars/Stephanie-Walter.jpg"</c:if> alt="Avatar" class="col-sm-12" id="userImg">
												</div>
												<!-- Cropping modal -->	
												<div class="modal fade" id="avatar-modal" aria-hidden="true"
													aria-labelledby="avatar-modal-label" role="dialog"
													tabindex="-1">
													<div class="modal-dialog modal-lg">
														<div class="modal-content">
															<form class="avatar-form" method="post" id="userForm" enctype="multipart/form-data" onsubmit="return validateForm()">
																<div class="modal-header">
																	<button class="close" data-dismiss="modal"
																		type="button">×</button>
																	<h4 class="modal-title" id="avatar-modal-label">上传图片</h4>
																</div>
																<div class="modal-body">
																	<div class="avatar-body">

																		<!-- Upload image and data -->
																		<div class="avatar-upload">
																			<input type="hidden" class="avatar-src" name="avatarSrc"> 
																			<input type="hidden" class="avatar-data" name="avatarData"> 
																			<a class="file-btn btn-primary" href="javascript:;">
																				<span>上传新头像</span> 
																				<input type="file" class="avatar-input pi-file" id="avatarInput" name="uploadfile" accept=".jpg,.jpeg,.gif,.png">
																			</a>
																		</div>

																		<!-- Crop and preview -->
																		<div class="row">
																			<div class="col-md-9">
																				<div class="avatar-wrapper"></div>
																			</div>
																			<div class="col-md-3">
																				<div class="avatar-preview preview-lg"></div>
																				<div class="avatar-preview preview-md"></div>
																				<div class="avatar-preview preview-sm"></div>
																			</div>
																		</div>

																		<div class="row avatar-btns">
																			<div class="col-md-9">
																				<div class="btn-group">
																					<button type="button" class="btn btn-primary"
																						data-method="rotate" data-option="-90"
																						title="Rotate -90 degrees">
																						<i class="fa fa-undo"></i> 向左旋转
																					</button>
																				</div>
																				<div class="btn-group">
																					<button type="button" class="btn btn-primary"
																						data-method="rotate" data-option="90"
																						title="Rotate 90 degrees">
																						<i class="fa fa-repeat"></i> 向右旋转
																					</button>
																				</div>
																			</div>
																			<div class="col-md-3">
																				<button
																					class="btn btn-success btn-block avatar-save"
																					type="submit">
																					<i class="fa fa-save"></i> 保存修改
																				</button>
																			</div>
																		</div>

																	</div>
																</div>
															</form>
														</div>
													</div>
												</div>
												<!-- Loading state -->
												<div class="loading" aria-label="Loading" role="img"
													tabindex="-1"></div>
											</div>
										</div>
								
								
								
								
								
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>

	<script src="${ctx}/dep/moban/js/cropper.min.js"></script>
	<script src="${ctx}/dep/crop-avatar/js/main.js"></script>
	<script src="${ctx}/home/member/lookUserInfo.js"></script>

</body>

</html>
